.toDoWorkOrderContainer {
  -webkit-overflow-scrolling: touch;
  position: relative;
  z-index: 100;
  height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
  width: 100%;
  margin: 0 auto;
}

.toDoWorkOrderContainer .hrStyle {
  border: none;
  border-bottom: 1px solid #DaDaDa;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  width: 95%;
}

.td_hr {
  border: none;
  border-bottom: 2px solid #fff9f9;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
}

.workOrderFooter {
  width: 100%;
  height: 70px;
  background-color: #fff;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  box-shadow: 0 0 23px rgb(145 43 43 / 12%);
}

.basicInform {
  background-color: #fff9f9;
  padding: 0.8em 0;
}

.toDoWorkOrderInform caption {
  display: none;
}

.toDoWorkOrderInform .taskName {
  background-color: white;
  margin: 0.3em 0.2em;
  padding: 0.1em 0.5em;
}

.taskName tr:first-of-type {
  display: none;
}

.toDoWorkOrderInform .taskName .td1 {
  font-size: 1em;
}

.taskName_content {
  text-align: right;
  width: 70%;
  padding: 1em 0;
}

.toDoWorkOrderInform .red-span {
  color: red;
}

.toDoWorkOrderInform .footTable .td1 {
  width: 6%;
  writing-mode: vertical-lr;
  background-color: #bbbbbb;
  padding: 1em;
}

.subAskName {
  height: 1.5em;
  color: red;
  background-color: #fff9f9;
  padding: 0.8em 0.5em 0.5em 0.8em;
  font-size: 1em;

}

.btn_work {
  height: 1.5em;
  color: red;
  background-color: #fff9f9;
  padding: 0.8em 0.5em 0.5em 0.8em;
  text-align: right;
  font-size: 1em;
}

.btn_work span{
  border: red solid 1px ;
  border-radius: 13px;
  padding: 3px 8px;
  margin-right: 1em;
}

.subTaskTable a, .footTable a {
  color: #3c77fe;
}

.footTable .td2 {
  padding: 1em;
}

.td2 li {
  padding: 0.3em;
}

.taskInform {
  background-color: #fff9f9;
  margin-top: -1em;
}

.taskInform_h3 {
  background-color: white;
  padding-bottom: 0.2em;
}

.taskInform h3 {
  font-size: 1.2em;
  margin: 1em auto;
  padding-top: 1em;
  text-align: center;
}

.taskInform .subTaskTable {
  border: 0 solid #fff0f0;
  background-color: white;
}
.subTaskTable tr:first-of-type {
  display: none;
}

.subTaskTable tr td:first-of-type {
  width: 35%;
}

.subTaskTable .th {
  vertical-align: top;
}

.basicInformTable {
  background-color: white;
}

.basicInformTable tr:first-of-type {
  display: none;
}

.toDoWorkOrderContainer .td1 {
  width: 35%;
  height: 3em;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
  vertical-align: middle;
  padding-left: 0.8em;
}

.toDoWorkOrderContainer .td2 {
  height: 3em;
  text-align: right;
  font-size: 0.9em;
  vertical-align: middle;
  padding-right: 0.8em;
}

.basicInform .td1 span {
  color: red;
}

.finishJobTable {
  font-size: 1em;
}

.finishJobTable tr:first-of-type {
  display: none;
}

.finishJobTable .tr1 {
  color: red;
}

.finishJobTable td {
  background-color: white;
}

.finishJobTable .tr1 td {
  background-color: #fff9f9;
}

.btn_back {
  padding: 0.5em 1.5em;
  border-radius: 1.5em;
  margin-right: 2em;
  background-color: #f1491f;
  color: black;
}

.btn_confirm {
  color: black;
  background-color: #409eff;
  padding: 0.5em 1.5em;
  border-radius: 1.5em;
}


.textArea {
  width: 100%;
  background-color: #fff;
  margin-bottom: 2em;
}

.taskInform textarea {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
  font-size: inherit;
  color: #606266;
  background-color: #f7f7f7;
  min-height: 8em;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}


.work-bts-cls {
  display: flex;
  justify-content: center;
}

.work-bts-cls button {
  padding: 0.5em 1em;
  width: 40%;
  margin: 1em;
  color: red;
  border: 1px solid red;
  border-radius: 0.5em;
  background-color: white;
}

.taskTemplate {
  margin:0 1em 1em 1em;
}

.taskTemplate .icon-fujian:before {
  content: "\e600";
}

.taskTemplate a,.attachTemplate a {
  color: #3c77fe;
  line-height: 1.4em;
}

.icon-fujian:before {
  content: "\e600";
  color: red;
}

.subtitle {
  height: 1em;
  color: red;
  padding-top: 1em;
  padding-left: 0.5em;
}

.statist {
  background-color: white;
}

.statist tr:first-of-type {
  display: none;
}

.statist .td3 {
  width: 70%;
  height: 3em;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
  vertical-align: middle;
  padding-left: 0.8em;
}

.statist .td4 {
  height: 3em;
  text-align: right;
  font-size: 0.9em;
  vertical-align: middle;
  padding-right: 0.8em;
  color: red;
}

.statist .td4 input {
  width: 60%;
  border: 0 ;
  text-align: right;
}

.attachTemplate {
  background-color: white;
}

.attachTemplate tr:first-of-type {
  display: none;
}

.attachTemplate .attachTemplate_td1 {
  width: 15%;
  text-align: center;
  vertical-align: middle;
  font-size: 0.9em;
  font-weight: bold;
  min-height: 8em;
  border-right: 1px solid #DaDaDa;
  padding: 0.8em 0;
}

.attachTemplate .attachTemplate_td2 {
  padding: 0 0.5em;
  color: #3c77fe;
  font-size: 100%;
}

